<template>
  <div class="material-apply-page">
    <van-nav-bar
      title="物资申领"
      left-arrow
      @click-left="goBack"
    />
    <div class="content-area">
      <van-empty description="物资申领功能开发中..." />
      <!-- 后续添加物资选择、数量、理由表单 -->
    </div>
  </div>
</template>

<script>
import { ref } from 'vue'
import { useRouter } from 'vue-router'
import { NavBar, Empty } from 'vant'

export default {
  name: 'MaterialApply',
  components: {
    vanNavBar: NavBar,
    vanEmpty: Empty
  },
  setup() {
    const router = useRouter()
    const goBack = () => router.back()

    // Add material application logic later

    return {
      goBack
    }
  }
}
</script>

<style scoped>
.material-apply-page {
  min-height: 100vh;
  background-color: #f7f8fa;
}
.content-area {
  padding-top: 20px;
}
</style> 